<template>
  <div>
    {{ 1 + 2 }}
    {{ name }}
  </div>
</template>

<script setup>
import { ref } from 'vue'
const name = ref('name')

const init = () => {
  console.log('init')
}

onMounted(() => {
  init()
  console.log('mounted')
}),
  init()

// export default {
//   setup() {
//     const a = 1
//     return {
//       a
//     }
//   },
//   data() {
//     return {
//       name: 'abc'
//     }
//   },
//   methods: {},
//   computed: {},
//   beforeCreate() {
//     console.log('beforeCreate')
//   },
//   created() {
//     console.log('created')
//   },
//   beforeMount() {
//     console.log('beforeMount')
//   },
//   mounted() {
//     console.log('mounted')
//   },
//   beforeUpdate() {
//     console.log('beforeUpdate')
//   },
//   updated() {
//     console.log('updated')
//   }
// }
</script>

<style lang="scss" scoped></style>
